<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="utf-8" />
	<title>{weixin:$metaTitle}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
	<meta name="format-detection" content="telephone=no" />
	<script src="{weixin::$staticFilePath}/js/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="{weixin::$staticFilePath}/js/main.js"></script>
        <style>
     .maincontainer {
    min-height: 100%;
    height: auto !important;
    margin: 0px auto;
    position: relative;
    padding-bottom: 110px;
	}
	* {
    box-sizing: border-box;
	}
	*:before, *:after {
    box-sizing: border-box;
	}
	body {
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #333;
	}
	.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.mini-innner {
    max-width: 768px;
}
.wx_wrap {
    position: relative;
	min-height: 375px;
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-12 {
    width: 100%;
}

.p0 {
    padding: 0px;
}
.address_defalut {
    border-bottom: 1px solid #DDD;
    padding: 10px 10px 10px 95px;
    position: relative;
}

a {
    border-bottom-color: #CCC;
    border-bottom-style: none;
    color: #000;
    text-decoration: none;
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
    outline: medium none;
	background: none repeat scroll 0% 0% transparent;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
 
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h3, .h3 {
    font-size: 24px;
}

h1, h2, h3 {
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
}

.address_defalut h3, .order_info h3, .pay_type h3, .address_null h3 {
    color: #333;
    font-size: 16px;
    padding: 5px 0px;
    line-height: 16px;
}
.address_defalut h3 {
    padding: 5px 10px;
    margin-top: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
}
ul, ol, li, dl, dt {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    background: none repeat scroll 0% 0% transparent;
    outline: 0px none;
}

.address_defalut ul {
    padding: 0px 40px 0px 0px;
    position: relative;
	color: #000;
}

.address_defalut ul:after, .order_info .promo span:after, .order_info .return span:after, .order_info .fitting span:after, .order_info .shipping span:after, .order_info .appointment span:after, .address_null h3:after {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -10px;
    background-position: 0px -30px;
}

.address_defalut ul:after {
    right: 10px;
}

.wx_confirm_close:after, .address_defalut ul:after, .order_info .promo span:after, .order_info .return span:after, .order_info .fitting span:after, .order_info .shipping span:after, .order_info .appointment span:after, .order_info .invoice span:after, .address_null h3:after, .address_list .edit:after, .appointment_type .date:after, .order_info dt:before, .promo_list dt:after, .invoice_list dt:after, .address_list ul:before, .shipping_type ul:before, .pay_list li:before, .appointment_type ul:before, .promo_list .jd li:before, .promo_list .man li:before, .promo_list .cash li:before, .invoice_list li:before, .address_list_link .item:after {
    background-image: url(/tpl/Wap/default/common/images/v3.png);
    background-repeat: no-repeat;
    background-size: 100px 100px;
}

.address_defalut li {
    word-wrap: break-word;
    word-break: break-all;
}
b, strong {
    font-weight: bold;
}

.mt5 {
    margin-top: 5px;
}
.order_info {
    padding: 0px;
}
.order_info h3 {
    margin: 0px;
    padding-left: 10px;
}
.checkit {
    position: absolute;
    top: 2px;
    right: 23px;
    width: 15px;
    text-align: right;
    margin-top: 5px;
}

.order_info dl {
    border-bottom: 1px dotted #DDD;
}

.order_info .only {
    border-bottom-style: solid;
    padding-top: 5px;
}

dt, dd {
    line-height: 1.42857;
}
dd {
    margin-left: 0px;
}
.order_info dd {
    display: none;
}

.order_info .only dd {
    display: block;
}

ul, li {
    list-style-type: none;
}

.order_info ul {
    margin-bottom: 10px;
}

.order_info li {
    border-bottom: 1px solid #FFF;
    padding: 14px 10px;
    line-height: 16px;
    position: relative;
}
.order_info .hproduct {
    position: relative;
    min-height: 75px;
    padding: 10px 10px 10px 95px;
}
img {
    border: 0px none;
}
img {
    vertical-align: middle;
}

img {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

.order_info .hproduct .photo {
    width: 75px;
    height: 75px;
    position: absolute;
    top: 10px;
    left: 10px;
}
p {
    margin: 0px 0px 10px;
}
.order_info .hproduct .fn {
    color: #333;
    line-height: 14px;
    width: 90%;
    height: 22px;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mini_num_wrap {
    float: left;
    width: 150px;
}
.order_info .hproduct .sku {
    line-height: 24px;
    height: 24px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}
i, em {
    font-style: normal;
}

.order_info .hproduct .sku em {
    color: #999;
}
.order_info .hproduct .sku span {
    color: #333;
}

.order_info dt:after, .order_info li:after, .address_new .action:after, .shipping_type ul:after, .appointment_type ul:after, .promo_list .hongbao li:after, .order .order_lst:after, .wx_total:after {
    clear: both;
    content: " ";
    display: block;
}
.pay_area {
    text-align: center;
    padding: 0px 10px 10px;
}
.pay_area .price {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 5px;
}
.pay_area .price strong {
    color: #FC004D;
}
button, input, optgroup, select, textarea {
    margin: 0px;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input, textarea, button, button[type="submit"]:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="button"]::-moz-focus-inner {
    outline: medium none;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-info {
    color: #FFF;
    background-color: #5BC0DE;
    border-color: #46B8DA;
}

.btn-info-wx {
    color: #FFF;
    background-color: #5EDE5B;
    border-color: #46DA57;
}
.btn-block {
    display: block;
    width: 100%;
}
.mt10 {
    margin-top: 10px;
}
.btn {
    font-size: 15px;
    padding: 10px 12px;
}
.pay_area .btn {
    font-size: 16px;
}
    </style>
</head>
<body style="line-height:1.42857;">
<div class="maincontainer">
 <div class="container wx_wrap mini-innner">
   <div id="paycontainer" class="row">
     <div class="col-md-12 p0">
      <if condition="$address neq null">
       <div id="sendTo" class="send_to">
       	 <div class="address_defalut temp_address_click">
             <h3 style="padding-top:15px;">送至：</h3>  
             <ul class="selected">
              <li>
                <strong>{weixin:$address['consignee']}</strong>
                 {weixin:$address['mobile']}
			  </li>
			 <li>{weixin:$province} {weixin:$city} {weixin:$address['address']}</li>
            </ul>
         </div>
       </div>
       </if>
       <div id="orderList" class="order_info mt5">
         <div class="item-check mt5">
           <h3 style=" float:left;width: 90%;">订单信息</h3>
           <div class="checkit"></div>
           <div class="clearfix"></div>
         </div>
         <dl class="only">
           <dd>
             <ul>
             <volist name="order_info['good']" id="ct" key="k"> 
              <li class="hproduct">
                <img class="photo" alt="{weixin:$ct['goods_name']}" src="{weixin::C('link_shop_url')}{weixin::$ct['goods_thumb']}"></img>
                <p class="fn">{weixin:$ct['goods_name']}</p>
                <p class="sku">
                <em>价格：</em>￥
                <span id="priceSale">{weixin:$ct.goods_price}</span>
                </p>
                <p class="sku mini_num_wrap">
                  <em>数量：</em>
                  <span>x{weixin:$ct.goods_number}</span>
                </p>
              </li>
              </volist>
             </ul>
           </dd>
         </dl>
       </div>
       
       <div id="pay_area" class="pay_area" style="-webkit-transform-origin: 0px 0px; opacity: 1; -webkit-transform: scale(1, 1);">
         <p id="price" class="price">支付现金:
           <strong style="font-size:22px;">￥{weixin:$order_info['order_amount']}</strong>
          <!-- <span>
             抵扣:￥
			<em>{weixin:$cartinfo[1]}|{weixin:$totalfee}</em>
           </span>-->
         </p>
       <if condition="$order_info['order_amount'] gt '0'">
		 <p class="use_pay">
           <button class="btn btn-info-wx btn-block mt10 J_payBtn" rel="alipay" type="button" onclick='location.href="{weixin::U('Product/wxpay',array('token'=>$token,'wecha_id'=>$wecha_id,'order_sn'=>$order_sn,'order_name'=>$order_name))}"'>微信支付</button>
         </p>
         <p class="use_pay">
           <button class="btn btn-info btn-block mt10 J_payBtn" rel="alipay" type="submit" >支付宝支付</button>
            <font color="red"size="3px">支付宝支付请点击右上角中的用浏览器打开本网页进行支付</font> 
         </p>
       </if>
      </div> 
     </div>
   </div>
 </div>
</div>
    
<div class="lay_footer qb_tac qb_fs_s mod_mb15" style="padding-bottom:10px;background:#fff;padding-top:20px;" >
         <div class="fn_quicklinks" style="width: 160px;padding-left:102px;">
           <a href="{weixin::U('Product/index',array('token'=>$_GET['token']))}" style="color:#ccc; float:left">商户首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
           <a href='#' style="color:#eee;float:left">|</a>
           <a href="{weixin::U('Product/my',array('token'=>$_GET['token']))}" style="color:#ccc;">会员中心</a>
         </div>
         <div class="fn_copyright qb_bfc">
          <div class="mod_color_comment bfc_c" style="color:#ccc; padding-left:28px;">
            {weixin:$wxshop.copyright}
          </div>
         </div>
        </div>
<script type="text/javascript">

function isweixin(){
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
       return true;
    }else{
       return false;
    } 
}

$(document).ready(function(){
    if(isweixin()){
	}else{
	   location.href="{weixin::U('Alipay/pay',array('token'=>$token,'wecha_id'=>$wecha_id,'order_sn'=>$order_sn))}";
	}
})
</script>
</body>
</html>